const { resolve } = require('path')
const HtmlWebpackPlugin = require('html-webpack-plugin');
/*
    
*/


module.exports = {
    entry: './src/index.js',
    output: {
        // 文件名称（指定名称+目录）
        filename: '[name].build.js',
        // 输出文件目录（将来所有资源输出的公共目录）
        path: resolve(__dirname, 'build'),
        // 所有输出资源引入的公共路径前缀  -->  比如打包后不写这个配置就直接是  js/index.js   加了这个后就会变成  /js/index.js 
        // publicPath:'/',
        chunkFilename : 'js/[name]_chunk.js', //非入口引入的文件, 修改生成文件的chunk名称，没有改配置默认都是 0 1 2 3等数字
        // library:'[name]', // 整个库向外暴露的变量名
        // libraryTarget: 'window', // 变量名添加到那个上 browser
        // libraryTarget: 'global', // 变量名添加到那个上 node
        // libraryTarget: 'commonjs', // 变量名添加到那个环境上
    },
    // loader 配置
    module: {
        rules: [
        ]
    },
    plugins: [
        new HtmlWebpackPlugin(),
    ],
    mode: 'development', // 开发模式
    // mode: 'production', // 生产模式


}